{extend name='iview/base'/}

{block name="style"}
<style>
    slider {
        width: 100px;
    }
</style>
{/block}

{block name="main"}
<Slider v-model="value1"></Slider>
<Slider v-model="value2" range></Slider>
<Slider v-model="value3" range disabled></Slider>
{/block}

{block name="vue"}
<script>
  new Vue({
    el: '#app',
    data: {
      value1: 25,
      value2: [20, 50],
      value3: [20, 50]
    }
  })
</script>
{/block}